@charset "UTF-8";
html {
    overflow-y:scroll;
}
html, body {
    height:100%;
}
/**********************
 header
**********************/
header {
    position:fixed;
    top:0;
    width:100%;
    z-index:10;
}
header .main {
    position:relative;
    display:flex;
		display: -webkit-flex;
    align-items:center;
		-webkit-align-items: center;
    height: 86px;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.6);
}
.pp.own header .main,
.pp.tr header .main,
.pp.ge header .main,
.op.own header .main,
.op.svn header .main {
    background-color:#231815;
}
.pp.dev header .main,
.pp.au header .main,
.op.au header .main,
.op.dev header .main,
.op.mr header .main {
    background-color:#ffffff;
}
header .main h1 {
    flex-grow: 3;
		-webkit-flex-grow: 3;
    font-size:20px;
}
.pp.own header .main h1,
.pp.tr header .main h1,
.pp.ge header .main h1,
.op.own header .main h1,
.op.svn header .main h1 {
    color:#fff;
}
.pp.dev header .main h1,
.pp.au header .main h1,
.op.au header .main h1,
.op.dev header .main h1,
.op.mr header .main h1  {
    color:#000;
}
header .main a.toTopPage {
    text-decoration: none;
}
header .main .header-item-group {
	position:absolute;
	right:0px;
	top: 0;
}
header .main .header-item-group .links-area .links a:hover {
	color: #4ca5ff;
}
.op header .main .header-item-group .links-area .links a:hover {
	color: #007da8;
}
header .main .links-area {
    display:inline-block;
}
header .main .list-area{
		display:inline-block;
    margin-right:10px;
}
header .main .links {
    justify-content:flex-end;
		-webkit-justify-content: flex-end;
    display:flex;
		display: -webkit-flex;
}
.pp.own header .main .links,
.pp.tr header .main .links,
.pp.ge header .main .links,
.op.own header .main .links,
.op.svn header .main .links {
    color:#fff;
}
.pp.dev header .main .links,
.pp.au header .main .links,
.op.au header .main .links,
.op.dev header .main .links,
.op.mr header .main .links {
    color:#000000;
}
header .main .links li {
    padding: 0 9px;
	height: 35px;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-flexbox;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flexbox-align: center;
	box-align: center;
}
header .main .links li a {
	text-decoration: none;
}
header .main a.showlistmodal {
    background : url(../img/top_bookmark_star.png) no-repeat;
	height: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-flexbox;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flexbox-align: center;
	box-align: center;
	text-decoration:none;
}
.pp.own header .main a.showlistmodal,
.pp.tr header .main a.showlistmodal,
.pp.ge header .main a.showlistmodal,
.op.own header .main a.showlistmodal,
.op.svn header .main a.showlistmodal {
    color: #fff;
}
.pp.dev header .main a.showlistmodal,
.pp.au header .main a.showlistmodal,
.op.au header .main a.showlistmodal,
.op.dev header .main a.showlistmodal,
.op.mr header .main a.showlistmodal {
    color: #000000;
}
.pp header .main a.showlistmodal:hover {
    background : url(../img/top_bookmark_star_b.png) no-repeat;
    color: #4ca5ff;
}
.op header .main a.showlistmodal:hover {
    background : url(../img/bookmark_star_hover.svg) no-repeat;
    background-size: 21px 20px;
    color: #007da8;
}

header .main .showlisttext {
    margin-left:25px;
    display: block;
}
.sub {
	-webkit-justify-content: space-between;
    padding-top: 13px;
    padding-bottom: 10px;
    padding-right: 30px;
    padding-left: 10px;
    text-align: right;
}
.pp .sub{
    background-color:#dcdcdc;
}
.op .sub{
    background-color:#efefef;
}

.svn .sub .model_names img {
    height: 25px;
}
/**********************
 bread crumb
**********************/
.bread-crumb {
    padding:21px 0 0 37px;
    margin-right: 180px;
}
.bread-crumb-item,
.bread-crumb-item:visited {
    text-decoration:underline;
    color: #4470ae;
    cursor:pointer;
}

.bread-crumb-item:hover {
    text-decoration:underline;
    color:#4ca5ff;
    cursor:pointer;
}

/**********************
 has-children
**********************/
a.has-children:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    margin-top: 3px;
    margin-left: 10px;
    border-right: 2px solid #b2b2b3;
    border-top: 2px solid #b2b2b3;
    transform: rotate(45deg);
		-webkit-tranform: rotate(45deg);
    -webkit-transition:-webkit-transform 0.2s linear;
    -moz-transition:-moz-transform 0.2s linear;
    -ms-transition:-ms-transform 0.2s linear;
    -o-transition:-o-transform 0.2s linear;
    transition:transform 0.2s linear;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
a.has-children.open:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
form ul li div a.has-children:after {
    -webkit-transition:-webkit-transform 0.2s linear;
    -moz-transition:-moz-transform 0.2s linear;
    -ms-transition:-ms-transform 0.2s linear;
    -o-transition:-o-transform 0.2s linear;
    transition:transform 0.2s linear;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
form ul li div a.has-children.open:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}                 
form ul .child-list {
    display: none;
    padding-top: 5px;
}

/**********************
remodal
**********************/
.remodal{
    text-align: left;
}
.remodal-body {
    padding-top: 0px;
}

.remodal-showlist-star {
    width:20px;
    margin-bottom:-4px;
}
.remodal-showlist-star-yellow {
    width:20px;
    margin-bottom:-4px;
}
.remodal-showlist-content {
    width: 100%;
    display: flex;
		display: -webkit-flex;
    overflow: auto;
}
/**********************
 common menu
**********************/
nav li a.has-children:after {
    content:'';
    position:absolute;
    top: 50%;
    right:18px;
    width:8px;
    height:8px;
    margin-top:-6px;
    -webkit-transition:-webkit-transform 0.2s linear;
    -moz-transition:-moz-transform 0.2s linear;
    -ms-transition:-ms-transform 0.2s linear;
    -o-transition:-o-transform 0.2s linear;
    transition:transform 0.2s linear;
}
.pp nav li a.has-children:after{
    border-right:2px solid #fff;
    border-top:2px solid #fff;
}
.op nav li a.has-children:after{
    border-right:2px solid #b4b4b4;
    border-top:2px solid #b4b4b4;
}
/**********************
 common menu
**********************/
nav li a.has-children-noanimation:after {
    -webkit-transition-property:none;
    -moz-transition-property:none;
    -ms-transition-property:none;
    -o-transition-property:none;
    transition-property:none;
}

/**********************
 header top menu
**********************/
#toggleMenu {
    cursor:pointer;
    background-color:transparent;
    border:transparent;
		outline:none;
        padding-left: 0px;
        padding-right: 20.5px;        
}
#toggleMenu.active .toggleimage_pc {
		display:none;
}

#toggleMenu .toggleimage_pc {
		display:inline;
}

#toggleMenu.active .toggleimage_close {
		display:inline;
}

#toggleMenu .toggleimage_close {
		display:none;
}

#top-menu {
    position:fixed;
    display:none;
		margin-top: -4px;
}
#top-menu.active {
    display:block;
}
#top-menu li {
    position:relative;
}

#top-menu ul li:first-child {
		margin-top:4px;
}

#top-menu ul li ul li:first-child {
		height:initilize;
		margin-top:0px;
}

#top-menu li a {
    display:block;
    padding:14px 40px 14px 14px;
    text-decoration:none;
	position:relative;
}
.pp.own #top-menu li a,
.pp.tr #top-menu li a,
.pp.ge #top-menu li a,
.op.own #top-menu li a,
.op.svn #top-menu li a {
    color:#ffffff;
}
.pp.dev #top-menu li a,
.pp.au #top-menu li a,
.op.au #top-menu li a,
.op.dev #top-menu li a,
.op.mr #top-menu li a {
    color:#000000;
}

.pp.own #top-menu li a:hover, 
.pp.tr #top-menu li a:hover, 
.pp.ge #top-menu li a:hover,
.pp.own .selectBookToc, 
.pp.tr .selectBookToc, 
.pp.ge .selectBookToc {
    background:#40404a;
}

.pp.dev #top-menu li a:hover, 
.pp.au #top-menu li a:hover, 
.pp.dev .selectBookToc, 
.pp.au .selectBookToc {
    background:#cccccc;
}
.op #top-menu li a:hover, 
.op .selectBookToc {
    background:#007DA8;
}
.op.au #top-menu li a:hover,
.op.dev #top-menu li a:hover,
.op.mr #top-menu li a:hover, 
.op.au #top-menu .selectBookToc > a, 
.op.dev #top-menu .selectBookToc > a, 
.op.mr #top-menu .selectBookToc > a {
    color:#ffffff;
}
#top-menu li a.has-children:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pp.dev #top-menu li a.has-children:after, .pp.au #top-menu li a.has-children:after {
    border-right:2px solid #000000;
    border-top:2px solid #000000;
}
.op.au #top-menu li a.has-children:after,
.op.dev #top-menu li a.has-children:after,
.op.mr #top-menu li a.has-children:after {
    border-right: 2px solid #b4b4b4;
    border-top: 2px solid #b4b4b4;
}
/**********************
 コンテンツ右上のアイコン画像
**********************/
.contents-buttons-div-bottom a:not([href]) {
    pointer-events : none;
}
.contents-button-bookmark_gray {
    float: left;
    background: url(../img/body_bookmark_star.png) no-repeat;
    height: 34px; /* 実寸で指定する */
    width: 34px; /* 実寸で指定する */
}
.contents-button-bookmark_yellow {
    float: left;
    background: url(../img/body_bookmark_star_y.png) no-repeat;
    height: 34px; /* 実寸で指定する */
    width: 34px; /* 実寸で指定する */
}
.contents-button-printer {
    float: right;
    background: url(../img/print.png) no-repeat;
    height: 40px;
    width: 42px;
    margin-top: 4px;
    display: inline;
    margin-left: 20px;  /* ☆との間は27pxの指定だが☆画像に余白があるため調整した */}
.contents-button-printer:hover {
    background : url(../img/print_mouseover.png) no-repeat;
}
.contents-button-prev {
    float: left;
    background: url(../img/page_previous.png) no-repeat;
    height: 40px;
    width: 66px; /* 実寸で指定する */
}
.contents-button-prev:hover {
    background : url(../img/page_previous_mouseover.png) no-repeat;
}
.contents-button-next {
    float: right;
    background: url(../img/page_next.png) no-repeat;
    height: 40px;
    width: 66px; /* 実寸で指定する */
}
.contents-button-next:hover {
    background : url(../img/page_next_mouseover.png) no-repeat;
}
.contents-button-prev:not([href]) {
    background: url(../img/page_previous_noactive.png) no-repeat;
}
.contents-button-next:not([href]) {
    background: url(../img/page_next_noactive.png) no-repeat;
}
.clearfix:after{
  content: ""; 
  display: block; 
  clear: both; 
  visibility:hidden;
}
/**********************
 main contents
**********************/
.content {
    margin-left:20px;
}
.content .contents-inner {
    padding-top:85px
}
.content main {
    display:block;
    padding: 21px 37px 65px 37px;
}
.print {
    position:absolute;
    top: 20px;
    right: 20px;
    height: 35px;
    width: 35px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAACXBIWXMAAChyAAAocgF7isG5AAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOC0wMS0yNFQxNToxNjo1MyswOTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTgtMDEtMjRUMTU6MjE6NTYrMDk6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTgtMDEtMjRUMTU6MjE6NTYrMDk6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzQwYWU2MjItZjhkZC04NjQ5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');
}

/**********************
Questionnaire
**********************/
.questionnaire-area {
    width: 100%;
    padding: 30px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: gray;
    margin-top: 30px;
}

.questionnaire-area .questionnaire-form {
    padding: 0 10px;
}

.questionnaire-area .questionnaire-form div {
    margin: 10px 0;
}

.questionnaire-area .questionnaire-form textarea {
    width: 100%;
}
.op .questionnaire-area .questionnaire-form textarea{
    font-family: inherit;
}

.questionnaire-area .questionnaire-form button {
    width: 100px;
    height: 30px;
    border: none;
    background-color: #3E6AA4;
    color: white;
}

.questionnaire-area .questionnaire-form input {
		float: left;
		margin-right: 8px;
}

.questionnaire-area .questionnaire-form button:disabled {
    background-color: #989EA4;
}

.questionnaire-area .questionnaire-form label {
		display: block;
		text-align: left;
}

.questionnaire-area .questionnaire-form label:after {
		content: "";
		clear: both;
		display: block;
}

.questionnaire-area .questionnaire-form label p {
		float: left;
		width: calc(100% - 29px);
		margin-bottom: 0px;
}

/**********************
pc
**********************/
@media (min-width: 769px) {
    /**********************
     header top menu
    **********************/
    header .main {
        padding-left: 20.5px;
    }
    #top-menu ul {
        position:absolute;
        width:338px;
		border:solid 1px #dcdcdc;
    }
    .pp.own #top-menu ul,
    .pp.tr #top-menu ul,
    .pp.ge #top-menu ul,
    .op.own #top-menu ul,
    .op.svn #top-menu ul {
        background:#231815;
    }
    .pp.dev #top-menu ul, 
    .pp.au #top-menu ul, 
    .op.au #top-menu ul, 
    .op.dev #top-menu ul, 
    .op.mr #top-menu ul { 
        background:#ffffff;
    }

    #top-menu ul > li > div > ul {
        position:static;
        top:0px;
        left:0px;
        max-height:438px;
        overflow-y:auto;
        border:none;
    }

    #top-menu ul > li > div {
        position:absolute;
        left:100%;
        top:-2px;
        overflow-x:hidden;
        border:solid 1px #dcdcdc;
    }

    #top-menu .link {
        display:none;
    }
    #top-menu .displayMobileMenu {
        display: none;
    }
    /**********************
     main contents
    **********************/
    .content.active {
        margin-left:280px;
    }

    .contents-buttons-div-top {
        position: absolute;
        right: 37px;
        margin-top: 15px;
    }

    .contents-buttons-div-bottom {
        position: absolute;
        right:37px;
        width:calc(66px + 6px + 66px); /* 前のページに戻る画像の幅+アキ+次のページに進画像の幅 */
        margin-top: 68px;
    }
}

/**********************
mobile
**********************/
@media (max-width: 768px) {
    /**********************
     header
    **********************/
    header .main {
     	  height:auto;
        display: block;
        padding-left: 10px;
    }
    header .main a.toTopPage {
        position: fixed;
    }
    header .main h1{
        padding-top: 9.5px;
				padding-bottom: 9.5px;
				font-size: 14px;
				height: 35px;
    }
    header .main .links-area {
        display:none;
    }
    header .main .list-area {
        margin-right: 10px;
    }
    header .main a.showlistmodal {
        background-size: 20px;
        background-position-y: -2px;
    }

    .pp header .main a.showlistmodal:hover, .op header .main a.showlistmodal:hover {
        background-size: 20px;
        background-position-y: -2px;
    }

    .sub {
        padding-top: 40px;
        padding-right: 19px;
		padding-bottom: 10px;
    }
    .sub img{
        max-width: 280px;   /* iPhone5/SEの横幅320を基準として、左側の閉じた目次幅20pxと製品ロゴの左右アキ10px(念のため)を除いたサイズ */
    }
	#toggleMenu {
        height: 35px;
	}

    #toggleMenu .toggleimage_pc, #toggleMenu .toggleimage_close {
        width: 21px;
        margin-top: 2px;
    }

    /**********************
     header top menu
    **********************/
    #top-menu {
        left:5px;
        width:240px;
		bottom: 0px;
    	top:39px;
        overflow-y: auto;
    }
    .pp.own #top-menu,
    .pp.tr #top-menu,
    .pp.ge #top-menu,
    .op.own #top-menu,
    .op.svn #top-menu {
        background:#231815;
    }
    .pp.dev #top-menu,
    .pp.au #top-menu,
    .op.au #top-menu,
    .op.dev #top-menu,
    .op.mr #top-menu {
        background:#ffffff;
    }
    #top-menu li a.has-children:after {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    #top-menu a.has-children.open:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #top-menu li > ul > li a {
        padding:1em 5em 1em 2em;
    }

    /**********************
     main contents
    **********************/
    .content .contents-inner {
        /*padding: calc(20px + 24.5px) 0 0 3;*/
        /* calcは黒色オビ上部の高さ */
				padding: 40px 0 0 0;
    }

    .content main {
        padding-left:10px;
        /* mainタグはパンくずリストの下（タイトル以下）を包括するが、レイアウト仕様書では
            モバイル表示の場合、タイトルの左アキは8pxが指定されているため、タイトルでは左に-2pxする必要がある */
        padding-right: 10px;
    }

    /**********************
     コンテンツ右上のアイコン画像
    **********************/
    .contents-buttons-div-top {
        margin-top: 30px;
        margin-right: 10px;
    }
    .contents-buttons-div-bottom {
        margin-top: 7px;
        margin-bottom: 2px;
        margin-right: 7px;
    }
    .contents-buttons-div {
        float: right;
    }
    .contents-button-printer {
        display: none;
    }
    .contents-button-next {
        height: 30px;
    }
    .contents-button-prev {
        height: 30px;
        margin-right: 3px;
    }
    /**********************
     bread crumb
    **********************/
    .bread-crumb {
        padding:0 0 0 8px;
        margin-right:7.5px;
    }
}
/**********************
mobile(横幅380px以下の場合の特別な設定）
**********************/
@media (max-width: 380px) {
    header .main h1{
        font-size: 3.7vw;
    }
    header .main .list-area .showlisttext {
        font-size:  3.7vw;
    }
}

/**********************
IEのみ
**********************/
@media all and (-ms-high-contrast: none) {
	#toggleMenu {
		top: 30px;
	}

	header .main .header-item-group {
		position:absolute;
		right:0px;
		top: 10px;
	}

	header .main .search-area {
		margin-top: 0px;
	}

	header .main .showlisttext {
		margin-top: 4px;
	}

	header .main a.showlistmodal {
		margin-top: -4px;
	}
}

@media all and (-ms-high-contrast: none) and (max-width: 768px) {
	#toggleMenu {
		top: 0px;
	}

	header .main .showlisttext {
		margin-top: 2.5px;
	}

	header .main a.showlistmodal {
		margin-top: -5.5px;
	}

	header .main .header-item-group {
		top: 11.5px!important;
	}
}

/**********************
Safari6-10
**********************/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)  and (min-width: 769px)
{ @media {
  #toggleMenu {
        padding-top: 30px;
  }
}}

/**********************
Safari10.1 only
**********************/
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {

  @media (min-width: 769px) {
    #toggleMenu {
          padding-top: 30px;
    }
  }
}}